<template>
	<view>
		<p class='head'><b>个人信息</b></p>
		<view class="card">
			<p>姓名</p>
			<p>{{rows.empName}}</p>
		</view>
		<view class="card">
			<p>部门</p>
			<p>{{rows.parentorgname}}</p>
		</view>
		<view class="card">
			<p>科室</p>
			<p>{{rows.orgname}}</p>
		</view>
		<view class="card">
			<p>工号</p>
			<p>{{rows.userID}}</p>
		</view>
		<view class="card">
			<p>手机号</p>
			<p>{{rows.mobi}}</p>
		</view>
		<view class="card">
			<p>邮箱</p>
			<p>{{rows.email}}</p>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				rows:{}
			}
		},
		onLoad() {
			this.rows = this.$oaconfig.userData
			console.log(this.rows.empName)
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.head{
	text-align: center;font-size: 32rpx;margin-top: 40rpx;
}
.card{
	width: 90%;
	margin: 40rpx auto;
	height: 100rpx;
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0rpx 60rpx;
	border-radius: 8px;
	box-shadow: 1px 1px 3px #ccc;
	box-sizing: border-box;
	p{
		font-size: 30rpx;
	}
	:nth-child(1){
		color: #666;
	}
	:nth-child(2){
		color: #333;
	}
}
</style>
